<!-- d -->
<template>
  <div class="">{{ data }}</div>
</template>


<script setup>
import { reactive, ref } from "vue";

const data = reactive({
  name: 123,
});

/* setup 两种声明方式
    1,在script上面添加setup 此时script中的属性都会被返回
    2,使用setup()方法,记住需要将里面的属性返回才可以被外界访问
*/

// export default {
//   setup() {
//     const data = reactive({ name: 123 });

//     return {
//       data,
//     };
//   },
// };
</script>


<style lang='' scoped>
/* @import url(); 引入公共css类 */
</style>